import { Button, Form, Input, Select, Slider } from "antd";
import GridIcon from "@/assets/icons/grid.svg?jsx";

export default function Search() {
  return (
    <div className="mt-4 flex">
      <div className="basis-2/5">
        <Form labelAlign="left" labelCol={{ flex: "0 0 90px" }} colon={false}>
          <Form.Item label="检索模式">
            <Select />
          </Form.Item>
          <Form.Item label="重拍模型">
            <Select />
          </Form.Item>
          <Form.Item label="相关度阈值">
            <Slider />
          </Form.Item>
          <Form.Item label="引用上限">
            <Select />
          </Form.Item>
          <Form.Item label="检索测试">
            <div className="flex flex-col gap-y-2">
              <Input.TextArea autoSize={{ minRows: 4, maxRows: 6 }} />
              <Button type="primary" size="small" className="self-end text-xs">
                测试
              </Button>
            </div>
          </Form.Item>
          <Form.Item className="mt-10">
            <Button type="primary" className="mr-8">
              保存
            </Button>
            <Button>取消</Button>
          </Form.Item>
        </Form>
      </div>
      <div className="basis-3/5 pl-8">
        <div>
          <GridIcon className="mr-2 inline" />
          <span>测试结果</span>
        </div>
        <div>todo</div>
      </div>
    </div>
  );
}
